<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<title>GMWK Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="author" content="Gomedia"/>

<link rel="stylesheet" href="css/gmwk.css" media="screen" lang="en"/>
<link rel="stylesheet" href="css/global.css" media="screen" lang="en"/>
<link rel="stylesheet" href="css/font.css" media="screen" lang="en"/>
  
</head>
<body>

<!-- ============ Layout and templates ============ -->

<!-- Layout -->
<div class="global_canvas">
    <div class="global_sidebar QOTD_container"></div>
    <div class="global_main">
        <div id="gmwk_stage"></div>
    </div>
</div>

<!-- Templates -->
<div id="gmwk_templates">

<!-- Auth -->
<div class="gmwk_template_Auth">
    <div class="global_hide Auth_form">
        <div class="global_title">Authorize</div>
        <div class="global_menu">
            The page you requested is private, please supply your credentials
        </div>
        <div class="global_content">
            <span class="global_Auth_label">Username</span><input class="global_Auth_input" type="text"/>
            <span class="global_Auth_label">Password</span><input class="global_Auth_input" type="text"/>
            <span class="global_Auth_label"></span><input class="global_Auth_input Auth_login" type="button" value="Login"/>
        </div>
    </div>
</div>

<!-- Blog -->
<div class="gmwk_template_Blog">
    <div class="global_title">Blog</div>
    <div class="global_menu">
        <a href="#stage=Dashboard">Admin</a> |
        <a class="Blog_login" href="#stage=Auth">Login</a>
        <a class="Blog_logout" href="#stage=Auth&action=logout">Logout</a>
    </div>
    <div class="global_content">
        Blog entries go here..
    </div>
</div>

<!-- Contact -->
<div class="gmwk_template_Contact">
    <div class="global_submenu">
        <a href="#stage=Dashboard&menu=Contact&action=list">List</a> |
        <a href="#stage=Dashboard&menu=Contact&action=add">Add</a>
    </div>
    <div class="global_content">
    
        <div class="global_hide Contact_list Contact_template">
            <div class="Contact_list_template">
              <div class="global_Contact_list_header">
                  <span class="global_Contact_list_cell global_Contact_100 font_bold">Name</span>
                  <span class="global_Contact_list_cell global_Contact_200 font_bold">Surname</span>
              </div>
              <div class="global_Contact_list_row Contact_list_row">
                  <span class="global_hide Contact_nCID"></span>
                  <span class="global_Contact_list_cell global_Contact_100 Contact_sName"></span>
                  <span class="global_Contact_list_cell global_Contact_200 Contact_sLastName"></span>
                  <span class="global_Contact_list_button global_Contact_50">
                      <a class="Contact_delete">delete</a>
                  </span>
              </div>
            </div>
        </div>
        
        <div class="global_hide Contact_form Contact_template">
            <div class="Contact_form_template">
                <form>
                    <input name="nCID" class="Contact_nCID" type="hidden" value="0"/>
                    <span class="global_Contact_form_label font_green">Name</span>
                    <input name="sName" class="global_Contact_form_input Contact_sName" type="text" value=""/>
                    <span class="global_Contact_form_label font_green">Surname</span>
                    <input name="sLastName" class="global_Contact_form_input Contact_sLastName" type="text" value=""/>
                    <span class="global_Contact_form_label">&nbsp;</span>
                    <a class="global_Contact_save Contact_save" href="javascript:;">Save</a>
                </form>
            </div>
        </div>
      
    </div>
</div>

<!-- Dashboard -->
<div class="gmwk_template_Dashboard">
    <div class="global_title">Dashboard</div>
    <div class="global_menu Dashboard_menu">
        <a class="Dashboard_menu_item Dashboard_Contact" href="#stage=Dashboard&menu=Contact">Contacts</a> |
        <a class="Dashboard_menu_item Dashboard_Post" href="#stage=Dashboard&menu=Post">Posts</a> |
        <a class="Dashboard_menu_item Dashboard_Stats" href="javascript:;">Stats</a> |
        <a class="Dashboard_menu_item Dashboard_Blog" href="#stage=Blog">Blog</a> |
        <a href="#stage=Auth&action=logout">Logout</a>
        <img class="global_hide global_loader Dashboard_loader" src="img/loader.gif">
    </div>
    <div class="Dashboard_content">
        <div class="global_Dashboard_intro">
            Click a menu link!
        </div>
    </div>
</div>

<!-- Post -->
<div class="gmwk_template_Post">
    Posts
</div>

<!-- QOTD -->
<div class="gmwk_template_QOTD">
    <div class="QOTD_list">
        <div class="font_bold">Random quotes of the day</div><br/>
        <div class="QOTD_list_template">
            <div class="global_QOTD_item QOTD_item">
                <span class="global_QOTD_quote font_italic QOTD_sQuote">asdasd</span>
                <span class="global_QOTD_author">
                     --&nbsp;<span class="QOTD_sAuthor">asdasd</span>
                </span>
            </div>
        </div>
    </div>
</div>

<!-- Stats -->
<div class="gmwk_template_Stats">
</div>

</div>

<!-- ============ Script ============ -->

<!-- Libraries -->
<script type="text/javascript" src="js/lib/jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/lib/jquery/bbq-1.2.1.min.js"></script>
<script type="text/javascript" src="js/lib/pure/pure_packed.js"></script>
<script type="text/javascript" src="js/lib/json2.js"></script>

<!-- Application core -->
<script type="text/javascript" src="js/core/gmwk.js"></script>
<script type="text/javascript" src="js/core/utils.js"></script>

<!-- Classes -->
<script type="text/javascript" src="js/classes/API.js"></script>
<script type="text/javascript" src="js/classes/Router.js"></script>
<script type="text/javascript" src="js/classes/QOTD.js"></script>
<script type="text/javascript" src="js/classes/Blog.js"></script>
<script type="text/javascript" src="js/classes/Auth.js"></script>
<script type="text/javascript" src="js/classes/Dashboard.js"></script>
<script type="text/javascript" src="js/classes/Contact.js"></script>
<script type="text/javascript" src="js/classes/Post.js"></script>

<!-- Configure and bootstrap -->
<script type="text/javascript" src="js/config.js"></script>

</body>
</html>